body{font-size: 14px;}
body.el-popup-parent--hidden{padding-right: 0 !important;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.colorbbb{ color: #bbb;}
.color-main{color: #258FFB;}
.main .el-button, .main .el-input__inner, .el-message-box__wrapper .el-button, .el-message-box__wrapper .el-input__inner, .el-dialog__wrapper .el-textarea__inner {
  border-radius: 2px;
}
.main .el-button--small, .main .el-button--small.is-round, .el-message-box__wrapper .el-button--small, .el-message-box__wrapper .el-button--small.is-round {
  padding: 9px 20px;
}
.main .el-input--mini .el-input__inner[type="number"]{ line-height: 1.3; padding-top: 3px; padding-bottom: 3px;}
.main .el-button--text {
  padding-left: 0;
  padding-right: 0;
}
.main-user .el-form-item {
  margin-bottom: 15px;
}
.main .el-dialog__header { padding-right: 40px;}
.el-tooltip__popper{ max-width: 90%;}
.el-select-dropdown{ max-width: 98vw;}
.el-message-box__message {
  word-break: break-all;
}
/* 弹窗图片列表 */
.imaged-placeholder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.imaged-placeholder .img-item {
  display: flex;
  flex-flow: column;
  margin-left: 12px;
  margin-bottom: 12px;
  position: relative;
}
.imaged-placeholder .img-item .image {
  width: 190px;
  padding: 12px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f5f1;
  cursor: move;
}
.imaged-placeholder .img-item .image .el-image {
  width: 100%;
  height: 100%;
}
.imaged-placeholder .img-item .image .el-image img {
  max-height: 136px;
  max-width: 166px;
}
.imaged-placeholder .img-item .demonstration {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: #409EFF;
  color: #fff;
  text-align: right;
  font-size: 16px;
  padding: 5px;
  opacity: 0;
}
.imaged-placeholder .img-item:hover .demonstration {
  opacity: 1;
}
.imaged-placeholder .img-item .demonstration i {
  padding:0 6px;
  cursor: pointer;
}
.imaged-placeholder .img-item .demonstration i:hover {
  color:#FEF47E;
}

/* 设计部分 */
.box-footer {
  padding-bottom: 40px;
  position: relative;
}
.box-footer .btn-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
}
.box-footer .btn-footer .el-button {
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.design-dialog .dlg-main-box {
  width: 500px;
}
.design-dialog .el-tabs__nav-wrap {
  padding-left: 10px;
}
.notice-u { 
  color: #666; 
  margin-bottom: 15px;
}
.notice-u i { 
  color: #FDA502;
  font-size: 15px;
}
.edit-container-u {
  width: 800px;
}
.edit-container-u .el-tabs__header{
  position: absolute;
  left: 25px;
  right: 25px;
  background: #fff;
  top: 48px;
  padding-top: 15px;
  z-index: 10;
}
.edit-container-u.el-loading-parent--relative .el-tabs__header{
  top: -15px;
  left: 0;
  right: 0;
}
.edit-container-u .el-tabs__content{
  padding-top: 55px;
}
.empty-notice-n {
  text-align: center;
  font-size: 15px;
  color: #bbb;
  padding: 10px 0;
}
/* 提示弹窗宽度重新定义*/
.msgboxx{
  width:460px !important;
}

/*vxe-table loading 自定义*/
.main .vxe-loading{
  background-color:rgba(255, 255, 255, 0.6)
}

/*动画*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}


